﻿HTML { overflow: hidden; }
BODY { min-height: 280px; min-width: 420px; }
BODY, BODY > * { overflow: hidden ; }

/***** MAIN MASTER ******/
#masterHead, #masterLang,
#masterRibb, #masterLout, #masterPagi,
#masterMenu, #masterUser, #masterButt,
#masterBody, #masterFoot, #masterMove
{ position: absolute;
  padding: 8px; margin: 5px;
  width: auto; height: auto;
  top: 0px; left: 0px;
  bottom: 0px; right: 0px;
/*  border: 1px solid blue; */
}

#masterHead {              height: 34px;                         bottom: auto;            padding: 3px;}
#masterLang {              height: 66px; top:  0px;              bottom: auto;            padding: 3px; text-align: right;}
#masterRibb {              height: 26px; top: 76px; right:119px;                          padding: 1px;}
#masterLout { width: 55px; height: 26px; top: 76px; right: 48px;               left:auto; padding: 1px 7px;}
#masterPagi { width: 30px; height: 18px; top: 76px; right:  5px;               left:auto; padding: 5px 8px; margin-right: 0px;}
#masterMenu { width:176px;               top:108px; right: auto; bottom:105px;            padding: 0px; }
#masterUser { width:160px; height: 75px; top: auto; right: auto;                          }
#masterButt {              height: 25px; top:108px;              bottom: auto; left:188px; padding: 2px;}
#masterBody {                            top:140px;              bottom: 0px;  left:188px; padding: 2px 8px 8px 2px; }
#masterFoot {              height:25px;  top: auto;                            left:188px; }
#masterMove { width: 4px;  height: auto; top: 114px; right: auto; bottom: 5px; left:184px; padding: 0px; margin: 0px;}

/***** DETAIL MASTER ******/
#masterDetail #masterRibb,
#masterDetail #masterLout,
#masterDetail #masterPagi { top: 0px;}
#masterDetail #masterButt { top:32px; left: 0px; }
#masterDetail #masterBody { top:64px; left: 0px; }

/***** PRINT MASTER ******/
#masterPrint { overflow: auto;}
#masterPrint #masterBody
{
  position: relative; width: auto; height: auto;
  top: 0px; left: 0px; bottom:auto; right:auto;
}
.divPrint { height: 25px; }
@media print
{ .divPrint { position: absolute; display: none; }
  #masterPrint { position: relative; overflow: auto; display: block;}
  #masterPrint #masterBody { position: relative; top: 0px; left: 0px; bottom:auto; right:auto;
  display: block;  }
}
/*******************/


/* HEAD */
#masterHead .application { position: absolute; left:10px; top:10px; padding: 0px; margin:0px; }
#masterHead .logo        { position: absolute; left:auto; top: 5px; right: 0px; }

/* RIBBON */
#masterRibb DIV.nav,
#masterRibb NAV        { display: block; float: left;
                          width: auto !important; width: auto; min-width: 120px; }

#masterRibb            { padding: 0px; height: 28px; }
#masterRibb DIV.nav,
#masterRibb NAV        { padding: 5px 10px; margin: 0px; height: 25px; border-right: 1px solid #888; border-left: 1px solid #fff;}
#masterRibb DIV.icons,
#masterRibb NAV.icons  { padding-top: 2px; }
#masterRibb .texts     { border-right-width: 0px; float: left; max-width: 200px; }
#masterRibb .texts A   { overflow: hidden;}

#masterLang IMG, #masterLang A { margin: 0px -1px 0px 0px; }

/* MENU */
#masterMenu DIV.aside,
#masterMenu ASIDE { display: block; padding: 0px 2px 2px 8px; }
#masterMenu DIV.aside.notSelectedTab,
#masterMenu ASIDE.notSelectedTab { display: none;}

/* TABS Actions */
UL.actions      { padding: 0px 0px 0px 2px; font-size: 85%;  }
UL.actions LI   { list-style-type:none; letter-spacing: 1px; padding: 0px;margin: 5px 4px 2px 0px; }
UL.actions LI A      { display: inline-block;min-height: 24px;width: 100%; }
UL.actions LI A IMG  { padding: 0px;margin: 0px;float: left; left: -5px; }
UL.actions LI A SPAN { padding: 0px;margin: 0px;left: 5px;}
UL.actions LI A DIV  { display: inline-block;width: 24px;height: 24px;float: left;left: -5px; }

/* Resize MOVE */
#masterMove DIV { display: block;position: absolute; height: 15px; top: 40%; bottom: 0px;width: 100%;}

/* Tabs browsing (common) */
.notSelectedTab             { display: none; }
SPAN.notSelectedTab         { display: inline;}


/* BUTTONS */
#masterButt .divButtons    { position: relative; top: 2px; right: auto; left: 2px; display: block; }
#masterButt .loading       { position: absolute; top: 2px; right: 80px; left: auto;}
#masterButt .divButtons DIV       { display: inline; }
#masterButt .divButtons FORM      { display: inline; width: auto; }
#masterButt .divButtons BUTTON    { padding: 2px 8px; }
#masterButt .divPrint      { display: none;}

/* FOOT */
#masterFoot .divButtons    { position: absolute; top: 10px; right: auto; left: 10px; display: inline-block; }
#masterFoot .loading       { position: absolute; top: 2px; right: 80px; left: auto;}
#masterFoot .divPrint      { position: absolute; top: 10px; right: 10px; left: auto;}
#masterFoot .divButtons DIV       { display: inline; }
#masterFoot .divButtons FORM      { display: inline; width: auto; }
#masterFoot .divButtons BUTTON    { padding-left: 3px; padding-right: 3px; }

/* BODY */
.minWidthKeeper      { min-width: 700px; padding: 0px !important; margin: 0px !important;top: 0px;}
.bodyCenterColumn    { position:absolute; left:5px; right: 210px; width:auto; }
.bodyRightColumn     { position:absolute; left:auto; right: 5px; width:200px; }